<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<meta name="viewport" content="initial-scale=1">
	<meta name="keywords" content="扫雷, saolei">
	<title>扫雷游戏网页版 - Minesweeper</title>
	<script src="minesweeper.js"></script>
	<style>
		body {
			background-color: #333333;
			color: #ffffff;
		}
		a {
			text-decoration: none;
			color: #ffffff;
		}
		input {
			height: 1.5rem;
			width: 3.8rem;
		}

		#face {
			border: 2px solid #808080;
			border-left-color: #fff;
			border-top-color: #fff;
		}

		#face:active {
			border: 2px solid #808080;
			border-bottom: 1px solid #808080;
			border-right: 1px solid #808080;
		}

		table {
			border-collapse: collapse;
		}

		.pad {
			border: 2px solid #808080;
			border-right-color: #fff;
			border-bottom-color: #fff;
		}
	</style>
	<base target=_top>
</head>

<body bgcolor="#f7f7f0" style="margin:0;" onload=start()>
	<center>
		<div style="margin-top:0.8rem;">
			<b>网页扫雷游戏</b>
		</div>

		<div style="margin-top:0.8rem;">
			<a href="javascript:initMode(1)">基础</a>
			&nbsp;
			<a href="javascript:initMode(2)">中级</a>
			&nbsp;
			<a href="javascript:initMode(3)">专家</a>
			&nbsp;
			<a href="javascript:initMode(4)">自定义</a>
		</div>
		<div id=custom style="display:none;margin-top:5">
			列<input id=hm type=number value=40>
			行<input id=wm type=number value=24>
			雷<input id=mm type=number value=99>
			<input type=button onclick="userDef()" value="确定">
		</div>
		<table style="margin-top:0.8rem;border-radius:6px;background:#cccccc">
			<tr>
				<td style="padding:9px;">
					<table id=p42 class=pad style="height:34px">
						<tr>
							<td width=50%><canvas id="rm" height=23 width=39></canvas></td>
							<td align=center onmouseup="initGame()" style="padding:0 8 0 8"><img id="face">
							<td width=50% align=right><canvas id="es" height=23 width=39></canvas></td>
					</table>
					<canvas id="paf" class="pad" style="margin-top:6px;" width=0 height=0></canvas>
			<tr>
				<td align=right>
		</table>

		<div style="width:90%;text-align:center;margin-top:3rem;">
			<span style="vertical-align:middle">自动标雷</span><input type=checkbox checked id=af onclick="setAutoFlag()"
				style="vertical-align:middle;height:1.19rem;width:1.5rem;">
			<span style="vertical-align:middle">自动点开</span><input type=checkbox checked id=ao onclick="setAutoOpen()"
				style="vertical-align:middle;height:1.19rem;width:1.5rem;">
			<label id="lab" for="help">还有0次机会</label>
			<br><br>
		</div>
	</center>

</body>
</html>
